<%--
    Document   : index
    Created on : 09-jun-2011, 13:34:36
    Author     : hodei
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ocio Vitoria-Gasteiz</title>
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/estiloMenu.css" media="screen" />
<!--Estilo y scripts para el zoomer-->
<link rel="stylesheet" type="text/css" href="css/estiloZoomer.css" media="screen"/>
<script type="text/javascript" src="js/jquery-latest.js"></script>
<script type="text/javascript" src="js/zoomer.js"></script> 
<script type="text/javascript">
$(document).ready(function(){
 	$('ul.thumb li').Zoomer({speedView:200,speedRemove:400,altAnim:true,speedTitle:400,debug:false});
});
</script>
<!--Para el modal box-->
        <link href="css/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
        <script src="js/facebox.js" type="text/javascript"></script> 
        <script type="text/javascript">
        jQuery(document).ready(function($) {
            $('a[rel*=facebox]').facebox();
            $.facebox.settings.opacity = 0.8; 
        }) 
        </script>
        <!--Para el estilo del contacto-->
        <link rel="stylesheet" href="css/estilo_contacto.css" type="text/css" media="screen"/>
<!--Javascript del piecemaker-->
<script language="JavaScript" type="text/javascript">
<!--
//v1.7
// Flash Player Version Detection
// Detect Client Browser type
// Copyright 2005-2008 Adobe Systems Incorporated.  All rights reserved.
var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
function ControlVersion()
{
	var version;
	var axo;
	var e;
	// NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry
	try {
		// version will be set for 7.X or greater players
		axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
		version = axo.GetVariable("$version");
	} catch (e) {
	}
	if (!version)
	{
		try {
			// version will be set for 6.X players only
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
			
			// installed player is some revision of 6.0
			// GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
			// so we have to be careful. 
			
			// default to the first public version
			version = "WIN 6,0,21,0";
			// throws if AllowScripAccess does not exist (introduced in 6.0r47)		
			axo.AllowScriptAccess = "always";
			// safe to call for 6.0r47 or greater
			version = axo.GetVariable("$version");
		} catch (e) {
		}
	}
	if (!version)
	{
		try {
			// version will be set for 4.X or 5.X player
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
			version = axo.GetVariable("$version");
		} catch (e) {
		}
	}
	if (!version)
	{
		try {
			// version will be set for 3.X player
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
			version = "WIN 3,0,18,0";
		} catch (e) {
		}
	}
	if (!version)
	{
		try {
			// version will be set for 2.X player
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
			version = "WIN 2,0,0,11";
		} catch (e) {
			version = -1;
		}
	}
	
	return version;
}
// JavaScript helper required to detect Flash Player PlugIn version information
function GetSwfVer(){
	// NS/Opera version >= 3 check for Flash plugin in plugin array
	var flashVer = -1;
	
	if (navigator.plugins != null && navigator.plugins.length > 0) {
		if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
			var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
			var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
			var descArray = flashDescription.split(" ");
			var tempArrayMajor = descArray[2].split(".");			
			var versionMajor = tempArrayMajor[0];
			var versionMinor = tempArrayMajor[1];
			var versionRevision = descArray[3];
			if (versionRevision == "") {
				versionRevision = descArray[4];
			}
			if (versionRevision[0] == "d") {
				versionRevision = versionRevision.substring(1);
			} else if (versionRevision[0] == "r") {
				versionRevision = versionRevision.substring(1);
				if (versionRevision.indexOf("d") > 0) {
					versionRevision = versionRevision.substring(0, versionRevision.indexOf("d"));
				}
			}
			var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
		}
	}
	// MSN/WebTV 2.6 supports Flash 4
	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
	// WebTV 2.5 supports Flash 3
	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
	// older WebTV supports Flash 2
	else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
	else if ( isIE && isWin && !isOpera ) {
		flashVer = ControlVersion();
	}	
	return flashVer;
}
// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
{
	versionStr = GetSwfVer();
	if (versionStr == -1 ) {
		return false;
	} else if (versionStr != 0) {
		if(isIE && isWin && !isOpera) {
			// Given "WIN 2,0,0,11"
			tempArray         = versionStr.split(" "); 	// ["WIN", "2,0,0,11"]
			tempString        = tempArray[1];			// "2,0,0,11"
			versionArray      = tempString.split(",");	// ['2', '0', '0', '11']
		} else {
			versionArray      = versionStr.split(".");
		}
		var versionMajor      = versionArray[0];
		var versionMinor      = versionArray[1];
		var versionRevision   = versionArray[2];
        	// is the major.revision >= requested major.revision AND the minor version >= requested minor
		if (versionMajor > parseFloat(reqMajorVer)) {
			return true;
		} else if (versionMajor == parseFloat(reqMajorVer)) {
			if (versionMinor > parseFloat(reqMinorVer))
				return true;
			else if (versionMinor == parseFloat(reqMinorVer)) {
				if (versionRevision >= parseFloat(reqRevision))
					return true;
			}
		}
		return false;
	}
}
function AC_AddExtension(src, ext)
{
  if (src.indexOf('?') != -1)
    return src.replace(/\?/, ext+'?'); 
  else
    return src + ext;
}
function AC_Generateobj(objAttrs, params, embedAttrs) 
{ 
  var str = '';
  if (isIE && isWin && !isOpera)
  {
    str += '<object ';
    for (var i in objAttrs)
    {
      str += i + '="' + objAttrs[i] + '" ';
    }
    str += '>';
    for (var i in params)
    {
      str += '<param name="' + i + '" value="' + params[i] + '" /> ';
    }
    str += '</object>';
  }
  else
  {
    str += '<embed ';
    for (var i in embedAttrs)
    {
      str += i + '="' + embedAttrs[i] + '" ';
    }
    str += '> </embed>';
  }
  document.write(str);
}
function AC_FL_RunContent(){
  var ret = 
    AC_GetArgs
    (  arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
     , "application/x-shockwave-flash"
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}
function AC_SW_RunContent(){
  var ret = 
    AC_GetArgs
    (  arguments, ".dcr", "src", "clsid:166B1BCA-3F9C-11CF-8075-444553540000"
     , null
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}
function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
  var ret = new Object();
  ret.embedAttrs = new Object();
  ret.params = new Object();
  ret.objAttrs = new Object();
  for (var i=0; i < args.length; i=i+2){
    var currArg = args[i].toLowerCase();    
    switch (currArg){	
      case "classid":
        break;
      case "pluginspage":
        ret.embedAttrs[args[i]] = args[i+1];
        break;
      case "src":
      case "movie":	
        args[i+1] = AC_AddExtension(args[i+1], ext);
        ret.embedAttrs["src"] = args[i+1];
        ret.params[srcParamName] = args[i+1];
        break;
      case "onafterupdate":
      case "onbeforeupdate":
      case "onblur":
      case "oncellchange":
      case "onclick":
      case "ondblclick":
      case "ondrag":
      case "ondragend":
      case "ondragenter":
      case "ondragleave":
      case "ondragover":
      case "ondrop":
      case "onfinish":
      case "onfocus":
      case "onhelp":
      case "onmousedown":
      case "onmouseup":
      case "onmouseover":
      case "onmousemove":
      case "onmouseout":
      case "onkeypress":
      case "onkeydown":
      case "onkeyup":
      case "onload":
      case "onlosecapture":
      case "onpropertychange":
      case "onreadystatechange":
      case "onrowsdelete":
      case "onrowenter":
      case "onrowexit":
      case "onrowsinserted":
      case "onstart":
      case "onscroll":
      case "onbeforeeditfocus":
      case "onactivate":
      case "onbeforedeactivate":
      case "ondeactivate":
      case "type":
      case "codebase":
      case "id":
        ret.objAttrs[args[i]] = args[i+1];
        break;
      case "width":
      case "height":
      case "align":
      case "vspace": 
      case "hspace":
      case "class":
      case "title":
      case "accesskey":
      case "name":
      case "tabindex":
        ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
        break;
      default:
        ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
    }
  }
  ret.objAttrs["classid"] = classid;
  if (mimeType) ret.embedAttrs["type"] = mimeType;
  return ret;
}
// -->
</script>


</head>
<body>
	<div id="templatemo_top_section">
    	<div class="templatemo_container">
            <div id="templatemo_header">
                <div id="template_img">
                <img src="images/titulo33.png"/>
                </div>
                    <div id="templatemo_social">
                    	<a href="#">
                        	<img src="images/tuenti.png" alt="RSS" />
                        </a>

                        <a href="#">
                        	<img src="images/facebook.png" alt="Delicious" />
                        </a>

                        <a href="#">
                        	<img src="images/templatemo_twitter.png" alt="Twitter" />
                        </a>
                    </div>
                
               
          <div id="menu">
<!-- Menu-->
    <ul id="nav">
	<li class="top"><a href="index.jsp" class="top_link2"><span>Inicio</span></a></li>
	<li class="top"><a href="#nogo2" id="products" class="top_link"><span class="down">Música</span></a>
		<ul class="sub">
			<li><a href="#nogo3" >Conciertos</a></li>
                        <li><a href="#nogo4" >Festivales</a></li>
                        <li><a href="#nogo5" >Pubs</a></li>
		</ul>
	</li>
	<li class="top"><a href="#nogo22" id="services" class="top_link"><span class="down">Teatro</span></a>
		<ul class="sub">
			<li><a href="#nogo23">Obras de teatro</a></li>
			<li><a href="#nogo24">Danza</a></li>
			<li><a href="#nogo25">Ballet</a></li>
			<li><a href="#nogo26">Opera</a></li>

		</ul>
	</li>
	<li class="top"><a href="#nogo27" id="contacts" class="top_link"><span class="down2">Cine</span></a>
		<ul class="sub">
			<li><a href="#nogo28">Guridi</a></li>
			<li><a href="#nogo29">Boulevard</a>
                        <li><a href="#nogo29">Florida</a>
                        <li><a href="#nogo29">Yelmo cines </a>

		</ul>
	</li>

	<li class="top"><a href="#nogo53" id="shop" class="top_link"><span class="down">Arte</span></a>
		<ul class="sub">
			<li><a href="#nogo54">Artium</a></li>
			<li><a href="#nogo55">Montermoso</a></li>
			<li><a href="#nogo56">Otros</a></li>
                </ul>
	</li>
        <li class="top"><a href="#nogo63" id="shop" class="top_link"><span class="down">Planes</span></a>
		<ul class="sub">
			<li><a href="#nogo64">Visitas Guiadas</a></li>
			<li><a href="#nogo65">Excursiones</a></li>
			<li><a href="#nogo66">Anillo Verde</a></li>
                        <li><a href="#nogo65">Espectaculos</a></li>
			<li><a href="#nogo66">Ferias</a></li>
                </ul>
	</li>
         <li class="top"><a href="#nogo63" id="shop" class="top_link"><span class="down">Deportes</span></a>
		<ul class="sub">
			<li><a href="#nogo64">Campeonatos</a></li>
			<li><a href="#nogo65">Alaves</a></li>
			<li><a href="#nogo66">Baskonia</a></li>

                </ul>
	</li>
          <li class="top"><a href="#nogo63" id="shop" class="top_link"><span class="down">Centros Civicos</span></a>
		<ul class="sub">
			<li><a href="#nogo64">Gauekoak</a></li>
			<li><a href="#nogo65">Actividades</a></li>

                </ul>

       	</li>
        <li class="top"><a href="#nogo63" id="shop" class="top_link"><span class="down">Varios</span></a>
		<ul class="sub">
			<li><a href="#nogo64">Concursos</a></li>
			<li><a href="#nogo65">Educacion</a></li>
			<li><a href="#nogo66">Telefonos</a></li>
                        <li><a href="#nogo65">Farmacias</a></li>
			<li><a href="#nogo66">Transportes</a></li>
                </ul>
	</li>
         <li class="top"><a href="#nogo63" id="shop" class="top_link3"><span class="down">De Fiesta</span></a>
		<ul class="sub">
			<li><a href="#nogo64">Pintxo Pote</a></li>
			<li><a href="#nogo65">Salas</a></li>
			<li><a href="#nogo66">Fiestas Populares</a></li>
                        <li><a href="#nogo65">La Blanca</a></li>
		</ul>
	</li>

        </ul>
              </div>
            </div>
        </div>
	</div><!-- End Of Container --> 
   <!-- End Of Top Section -->

    <div id="templatemo_middle_section">
         
    	<div class="templatemo_container">
            
            <div class="templatemo_content_area">
                <div class="zoomer_arriba">
                    <div id="titulo_hoy">
                        <img src="images/titulo_hoy1.png"/>
                    </div>
                    <div id="content">
                    <div class="container">
                        <ul class="thumb">
				<li><a href="#"><img src="images/festival.jpg" alt="Jazz" /></a></li>
				<li><a href="#"><img src="images/fiestas.jpg" alt="Fiestas" /></a></li>
				<li><a href="#"><img src="images/festival.jpg" alt="Jazz" /></a></li>
				<li><a href="#"><img src="images/fiestas.jpg" alt="Fiestas" /></a></li>
				<li><a href="#"><img src="images/festival.jpg" alt="Jazz" /></a></li>
				<li><a href="#"><img src="images/fiestas.jpg" alt="Fiestas" /></a></li>
                        </ul>
                    </div>
                    </div>
                </div><!--Fin zoomer arriba-->
     
                            <div id="texto">
                                <img src="images/aburres1.png"/>
                <p>En esta página podras encontrar toda la 
                información relacionada con todos los
                eventos de ocio de Vitoria-Gazteiz.
                Navega por las diferentes secciones para
                encontrar lo que deseas.</p>
                            </div>
                <div id="aportanos">
                    <img src="images/aportaciones1.png">
                    <p>Si sabes de algún evento, concierto, festival..., 
                        en vitoria que no aparezca en esta pagina, no dudes 
                        en escribirnos para mejorar la pagina.<a id="enlace_azul" href="contacto.jsp" rel="facebox">&raquo; Contacto</a></p>
                </div>
                
                   <div id="bloque_twitter">
                       <div id="titulo_twitter">
                        <img src="images/titulo_twitter.png"/>
                       </div>
                       <div class="container_twitter">
            <script src="http://widgets.twimg.com/j/2/widget.js"></script>
                    <script>
                        new TWTR.Widget({
                        version: 2,
                        type: 'profile',
  rpp: 4,
  interval: 4000,
  width: 'auto',
  height: 280,
  theme: {
    shell: {
      background: '#212121',
      color: '#ffffff'
    },
    tweets: {
      background: '#248a19',
      color: '#ffffff',
      links: '#0a91d0'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'default'
  }
}).render().setUser('OcioGasteiz').start();
</script>
                       </div>
        </div>                                     
        <div id="bloque_slider">
                <img class="titulo1" src="images/eventos1.png">
            <script language="JavaScript" type="text/javascript">
	AC_FL_RunContent(
		'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0',
		'width', '100%',
		'height', '100%',
		'src', 'piecemaker',
		'quality', 'high',
		'pluginspage', 'http://www.adobe.com/go/getflashplayer_de',
		'align', 'left',
		'play', 'true',
		'loop', 'true',
		'scale', 'noscale',
		'wmode', 'transparent',
		'devicefont', 'false',
		'id', 'piecemaker',
		'bgcolor', 'transparent',
		'name', 'piecemaker',
		'menu', 'true',
		'allowFullScreen', 'false',
		'allowScriptAccess','sameDomain',
		'movie', 'piecemaker',
		'salign', ''
		); //end AC code
</script>
<noscript>
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="100%" height="100%" id="piecemaker" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="piecemaker.swf" />
        <param name="quality" value="high" />
        <param name="scale" value="noscale" />
        <param name="bgcolor" value="#ffffff" />	
        <embed src="piecemaker.swf" quality="high" scale="noscale" bgcolor="#ffffff" width="100%" height="100%" name="piecemaker" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_de" />
	</object>
</noscript>    
	</div><!--bloque slider-->
        
         
            </div><!--End of Content Area--> 
           
        </div><!-- End Of Container  -->
    </div><!-- End Of Mid Section -->
    
    
    <div id="templatemo_middle_section_2">
    	<div class="templatemo_container">
        	<div id="templatemo_middle_content">
       	  <div class="templatemo_three_col left_col bottom_section">
                	<div class="templatemo_title">
                    	<h1>Capital Verde Europea</h1>
                    </div>
              <p>El día 21 de octubre de 2010 le fue concedida 
                      a la ciudad de Vitoria-Gasteiz el premio 
                      European Green Capital 2012. Con el mismo la 
                      Comisión Europea reconoce la labor de la ciudad 
                      en materias medioambientales y la corona como 
                      ejemplo europeo de sostenibilidad urbana durante 
                      el citado año.</p>
                 
              <div class="templatemo_h_line">
                  
               <a id="enlace_azul" href="vitoria_verde.jsp">&raquo;Ver mas...</a>
               <div class="templatemo_h_line">
                    </div>
          </div>
                 </div>

                <div class="templatemo_three_col bottom_section bottom_middle_col">
                    <div class="logo_vitoria_verde">
                    <img src="images/vitoria_verde.jpeg"/>
                    </div>
                        	<div class="cleaner_width_left"></div>
                        	
                                <div class="cleaner_width_right"></div>      
                </div>
 
            	<div class="templatemo_three_col right_col bottom_section">
                	<div class="templatemo_title">
                    	<h3>Contacata con nosotros</h3>
                    </div>
                    <p>Puedes encontrarnos en Tuenti, Facebook, Twitter además de 
                        nuestro correo electronico.</p>
                        
                    <div class="templatemo_h_line">
                    </div>
                      <a id="enlace_azul" href="contacto.jsp" rel="facebox">&raquo; Contacto</a>
                    
                    <div class="templatemo_h_line">
                    </div>

                 </div>

                <div class="cleaner"></div>
            </div>
	    </div><!-- End Of Container  -->
    </div><!-- End Of Mid Section 2 -->

	<div id="templatemo_footer">
            <div class="logo_abajo">
                    <img src="images/titulo33_abajo.png"/>
                    </div>
      	Copyright ©  <a href="#">ociovitoria.com</a> |
        <a href="plantilla_eventos.jsp" target="_parent">Endika Sanchez & Hodei López</a>

    </div>
<!--  Free CSS Templates by TemplateMo.com  -->
